import React from 'react'

// Component
import {
  Tabs,
} from 'antd-mobile';

export default class MyTab extends React.Component {

  onChange = (tab, index) => {
  }

  onTabClick = (tab, index) => {
  }

  render() {
    const {
      tabs,
      children,
    } = this.props

    return (
      <Tabs tabs={tabs}
        initialPage={0}
        onChange={this.onChange}
        onTabClick={this.onTabClick}
        tabBarTextStyle={{
          fontSize: '26rpx',
          tabBarActiveTextColor: 'rgba(51, 51, 51, 1)',
          tabBarInactiveTextColor: 'rgba(102, 102, 102, 1)'
        }}
      >
        {children}
      </Tabs>
    )
  }
}
